<div class="main containFt ordersCt" v-if="show">
    	<div class="content orderList" v-if="Object.keys(orders).length">   	    
            <div class="row">
                 <p class="col">当前总盈亏：<span class="total" id="userfunds_fpl">{{fpl}}</span></p><div><input type="button" class="common-btn" @click="showCloseAllPanel" value="一 键平仓" id="closeAllBtn"/></div>
            </div>
            <div class="row title">
            <span class="col">产品名称</span>
            <span class="col">方向</span>
            <span class="col">浮动盈亏</span>
            <span class="btn"></span>
            </div>
            <div id="ordersCt"> 
            <div class="row order" v-for="(order,opensn) in orders" @click="location.hash='#/orderdetail/'+order['opensn']" v-show="order['opensn']">
                 <div class="col">
                 	<p><span class="name">{{order['goodsname']}}</span></p>
                 	<p class="row"><span class="size col">{{order['openamount']}}手</span><span class="col">{{order['direction']|lowHigh}}</span><span class="col money"><b :class="order['clearpl'] * 1 >= 0 ? 'up' : 'down'">{{order['clearpl']}}</b></span></p>
                 </div>
                 <div><input type="button" class="common-btn" value="平仓" @click="close(order,$event)"/></div>
            </div>         
            </div>
    	</div>
    	<div class="center-middle couponNone" v-else>
	       <img src="/static/img/none_content.png"/>
	       <p>您还没有持仓信息</p>
        </div>
        <div class="loadingCt" v-if="orders===false"></div>
        <div class="dialogCt" v-if="showClose">
		    <div class="mask" v-on:click="cancelClose"></div>
		    <div class="dialog center-middle fixed">
		       <div class="goodsCt">
	           <p class="head">
                      <span id="goodscodetip">{{closeOrder.goodsname}}</span>
                      </p>
                      <ul>
                          <li><label>方向：</label><span id="directiontip">{{closeOrder.direction|lowHigh}}</span></li>
                          <li><label>手数：</label><span id="orderamounttip">{{closeOrder.openamount}}手</span></li>
                          <li><label>盈亏资金：</label><span>{{closeOrder.clearpl}}</span></li>
                      </ul>         
	            </div>
	            <div class="footer row">
			        <div class="col">
			        <input type="button" v-on:click="cancelClose" class="long-btn" value="取消" id="cancelBtn"/>
			        </div>
			        <div class="col">
			        <input type="button" v-on:click="doClose" class="long-btn" value="确定" id="subBtn"/>
			        </div>
		    	</div>
		    </div>	    
        </div> <!-- closepanel -->
        <div class="dialogCt" id="orders_dialogCt" v-show="showCloseAll" style="display:none">
		    <div class="mask" v-on:click="cancelCloseAll" ></div>
		    <div class="dialog center-middle fixed">
		        <p class="dialog-header tc">
	                                   确定全部平仓吗？      
	            </p>
	            <div class="dialog-footer row">
			        <div class="col">
			        <input type="button" class="long-btn" v-on:click="cancelCloseAll" value="取消" id="allCancelBtn"/>
			        </div>
			        <div class="col">
			        <input type="button" class="long-btn" v-on:click="doCloseAll" value="确定" id="allSubBtn"/>
			        </div>
		    	</div>
		    </div>	    
		</div><!-- close all panel -->
</div>